8e:I[903690,["/chat-static/_next/static/chunks/0cxp4op0m1119.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/2druaqheowhl8.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/00c0bu24wji78.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/2o82vp45o81e5.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/2lvmzw_lbp-jf.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/2gyzl_dalq47j.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/0sex0gcwdsmjy.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/0wkge2f3s0f22.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/1ggzqs8-kdl22.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/0rrc9lo-bkkh5.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/1j5k8gvtw8gdc.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/42mjea_hxrwdp.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/0a4mwgsvj_bqu.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/1t2vvxh4dupb4.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/3-pn4n4eze_76.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/1ovy71-w2povn.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/05vo5x924wz4s.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/37rh4z4c9595s.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/0hms8tz4_m27c.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/332d35_pah0kr.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/18k2gve12j479.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/1j9njtdk43kba.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/1idn80rtjcasd.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/0-pi40mz7bqkr.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/2nl7z8xw_3un6.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/1mo0iq2atp502.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/3-9165k65ag24.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/326ugcf3n9jpc.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/27d-e_mtrq80p.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/046fqcvlcxx_w.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/0h9h3jzy0z9y4.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/1pr8_b61w-4h9.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/16ot-3kwt24hs.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/3usbrh3-7_sgf.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/31wev-p231v4h.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/23crm4bdujzj_.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/3crl-ybxc1u5r.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/24jtal64lwnrj.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/02buq-_-_ooco.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/3ec3uj44xo5pu.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/013l2updr-opq.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/0xfnk8tx-4t2w.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo"],"ExplicitChatIdProvider"] 8f:I[838238,["/chat-static/_next/static/chunks/0cxp4op0m1119.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/2druaqheowhl8.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/00c0bu24wji78.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/2o82vp45o81e5.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/2lvmzw_lbp-jf.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/2gyzl_dalq47j.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/0sex0gcwdsmjy.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/0wkge2f3s0f22.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/1ggzqs8-kdl22.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/0rrc9lo-bkkh5.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/1j5k8gvtw8gdc.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/42mjea_hxrwdp.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/0a4mwgsvj_bqu.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/1t2vvxh4dupb4.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/3-pn4n4eze_76.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/1ovy71-w2povn.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/05vo5x924wz4s.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/37rh4z4c9595s.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/0hms8tz4_m27c.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/332d35_pah0kr.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/18k2gve12j479.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/1j9njtdk43kba.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/1idn80rtjcasd.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/0-pi40mz7bqkr.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/2nl7z8xw_3un6.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/1mo0iq2atp502.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/3-9165k65ag24.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/326ugcf3n9jpc.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/27d-e_mtrq80p.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/046fqcvlcxx_w.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/0h9h3jzy0z9y4.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/1pr8_b61w-4h9.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/16ot-3kwt24hs.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/3usbrh3-7_sgf.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/31wev-p231v4h.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/23crm4bdujzj_.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/3crl-ybxc1u5r.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/24jtal64lwnrj.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/02buq-_-_ooco.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/3ec3uj44xo5pu.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/013l2updr-opq.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo","/chat-static/_next/static/chunks/0xfnk8tx-4t2w.js?dpl=dpl_3hJHqJizki2QG4Anj2fLMf8KWPZo"],"SWRDataProvider"] 90:T1327,[V0_FILE]typescriptreact:file="testimonials-section.tsx" isQuickEdit="true" "use client" import type React from "react" import { useState, useRef, useEffect } from "react" import { Quote } from "lucide-react" // Internal MagnetLines component const MagnetLines = ({ rows = 9, columns = 9, containerSize = "80vmin", lineColor = "#efefef", lineWidth = "1vmin", lineHeight = "6vmin", baseAngle = -10, className = "", style = {}, }) => { const containerRef = useRef(null) useEffect(() => { const container = containerRef.current if (!container) return const items = container.querySelectorAll("span") const onPointerMove = (pointer: { x: number; y: number }) => { items.forEach((item) => { const rect = item.getBoundingClientRect() const centerX = rect.x + rect.width / 2 const centerY = rect.y + rect.height / 2 const b = pointer.x - centerX const a = pointer.y - centerY const c = Math.sqrt(a * a + b * b) || 1 const r = ((Math.acos(b / c) * 180) / Math.PI) * (pointer.y > centerY ? 1 : -1) item.style.setProperty("--rotate", `${r}deg`) }) } const handlePointerMove = (e: PointerEvent) => { onPointerMove({ x: e.clientX, y: e.clientY }) } window.addEventListener("pointermove", handlePointerMove) if (items.length) { const middleIndex = Math.floor(items.length / 2) const rect = items[middleIndex].getBoundingClientRect() onPointerMove({ x: rect.x, y: rect.y }) } return () => { window.removeEventListener("pointermove", handlePointerMove) } }, []) const total = rows * columns const spans = Array.from({ length: total }, (_, i) => ( )) return (

{spans}

) } // Testimonial data const testimonials = [ { id: 1, content: "The attention to detail and innovative approach sets them apart. Absolutely outstanding work!", author: "Sarah Chen", role: "Product Director, Innovatech", }, { id: 2, content: "Their creative solutions transformed our business. The results speak for themselves.", author: "Marcus Rodriguez", role: "CEO, TechFlow Systems", }, { id: 3, content: "A game-changing partnership that elevated our entire digital presence.", author: "Emily Watson", role: "Marketing Lead, DigitalFirst", }, ] const MagneticTestimonials = () => { const [activeIndex, setActiveIndex] = useState(0) return (

{/* Interactive background */}

{/* Content overlay */}

{/* Testimonial content */}

{testimonials[activeIndex].content}

{testimonials[activeIndex].author}

{testimonials[activeIndex].role}

{/* Navigation dots */}

{testimonials.map((_, index) => (

) } export default MagneticTestimonials 84:["$","$L8e",null,{"chatId":"KEOnua0UHtF","children":["$","$L8f",null,{"data":{"@\"active-block\",\"KEOnua0UHtF\",":{"id":"b_8MCWTVLlUUr","messageId":"QD4ZXVctoGmGSggqirh4BRuSZeUTeLXN","source":"$90","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"MagneticTestimonials","type":"code-project","project":"MagneticTestimonials"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"KEOnua0UHtF\",":false,"":null},"children":"$L91"}]}]

About

Tags

Share

About

Tags

Share

More from chinpeerapat

More Templates Like This